<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>

        div{
            width: 100px;
            height: 100px;
            
            color: red;
            background-color: blue;
            padding: 50px 10px;    /*内边距，第一个值代表上下，第二个代表左右*/
            border: 5px solid purple;  /*边框，第一个值代表边框宽度，第二个代表边框线条样式，第三个代表边框颜色*/
            margin: 50px 30px;   /*外边距是透明的, 第一个值是上下，第二个是左右*/
        }

    </style>

</head>
<body>
    


    <div>
        我是内容
    </div>
    <p>p标签</p>

</body>
</html>